
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>注册</title>
<script src="../js/jquery.min.js" type="text/javascript"></script>
<script src="../js/cheak.js"></script>
<link rel="stylesheet" href="../css/register.css" />
<script type="text/javascript"
	src="../plugin/bootstrap/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css"
	href="../plugin/bootstrap/css/bootstrap.min.css" />
</head>
<body>
	<div class="pack">
		<div class="heading">
			<span><a href="./index.html">返回主页</a></span><br>
			<h3>
				欢迎注册<a href="./login.html">已经注册账号,<m>去登陆</m></a>
			</h3>
		</div>
		<form action="./register" method="post" name="regform">
			<div class="main">
				<ul>
					<li>
						<div class="table">
							<lable class="
						glyphicon glyphicon-user">用户名：</lable>
							<input type="text" name="userNum" id="userName"
								placeholder="请输入用户名"><span id="uName"></span>
						</div>
					</li>
					<li>
						<div class="table">
							<lable class="
							glyphicon glyphicon-lock">密码：</lable>
							<input type="password" name="password" id="password1"
								placeholder="请输入密码"><span class="pwd" id="Password"></span>
						</div>
					</li>
					<li>
						<div class="table">
							<lable class="
							glyphicon glyphicon-lock">确认密码：</lable>
							<input type="password" name="password2" id="password2"
								placeholder="请确认密码"><span id="Password2"></span>
						</div>
					</li>
					<li>
						<div class="table">
							<lable class="
							glyphicon glyphicon-phone-alt">电话：</lable>
							<input type="text" name="phone" id="Phoneid" placeholder="请输入电话"><span
								class="Phones" id="phoneID"></span>
						</div>
					</li>
					<li>
						<div class="sexRadios">
							<lable class="
							glyphicon glyphicon-tree-conifer">性别：
							<div class="sexRadio">
							</lable>
							男<input type="radio" name="sex" value="M">女<input type="radio"
								name="sex" value="w">
						</div>
						<span class="Tips"></span>
			</div>
			</li>
			<!-- 	<li>
						<div class="table"><lable class="
							glyphicon glyphicon-plus-sign">班级：</lable><select>
								<option value="xg1">17信管1班</option>
								<option value="xg2">17信管2班</option>
								<option value="rg1" selected="selected">17软工1班</option>
								<option value="rg2">17软工2班</option>
								<option value="null">计算机教研室</option>
							</select><span class="Tips"></span></div>
					</li> -->
			<li>
				<div class="table">
					<lable class="
							glyphicon glyphicon-envelope">邮箱：</lable>
					<input type="text" name="email" id="email" placeholder="请输入邮箱"><span
						class="email" id="email"></span>
				</div>
			</li>
			<!-- <li>
				<div class="table">
					<lable class="
							glyphicon glyphicon-grain">特长：
					<div class="point">
					</lable>
					<input type="checkbox" name="c" value="c">C<input
						type="checkbox" value="py" name="py">python<input
						type="checkbox" value="j" name="j">java
				</div>
				</lable><span class="Tips"></span>
	</div>
	</li> -->
	<li>
				<div class="table">
					<lable class="
							glyphicon glyphicon-send">姓名：</lable>
					<input type="text" name="userName" id="userName" placeholder="请输入姓名"><span
						class="userName" id="userName"></span>
				</div>
			</li>
	<li>
		<div class="autograph">
			<lable class="
							glyphicon glyphicon-edit">备注：</lable>
			<textarea name="remark" placeholder="个性签名"></textarea>
			<span class="Tips"></span>
		</div>
	</li>
	</ul>
	</div>
	<div class="btn">
		<input type="submit" value="确定"><input type="reset" value="重置">
	</div>
	</form>
	</div>
</body>
<!-- <script type="text/javascript">
	// //验证用户名
	// var username =/^[A-Za-z]{1}[A-Za-z0-9]{4,12}/;
	// var password=/^(?=.*?[a-z)(?=.*>[A-Z])(?=.*?[0-9])[a-zA_Z0-9]{6,10}$/;
	//   $(document).ready(function(){
	// 	$("#userName").blur(function(){
	// 		var Uname = $('#userName').val();
	// 		//alert(Uname)
	// 		if(username.test(Uname)){
	// 			//alert(121231)
	// 			$("#uName").attr("class","glyphicon glyphicon-ok");
	// 			$("#uName").attr("glyphicon-ok","color:#009688");
	// 			$("#uName").text("正确！").attr("style","color:#009688");
	// 			$("#userName").click(function(){
 // 				 	$("#uName").text(" ");
 // 					$("#uName").attr("class"," ");
	// 		})
	// 		}else{
	// 			$("#uName").attr("class","glyphicon glyphicon-remove");
	// 			$("#uName").text("输入错误！").attr("style","color:#FF5722");
			             
 // 				$("#userName").click(function(){
 // 					$("#uName").attr("class"," ");
 // 				 	$("#uName").text("请输入4-16位的英文和数字(英文开头)").attr("style","color:#000");
	// 		})
 // 		       }
	// 	})
	// 	// 验证密码
	// 	$("#password1").blur(function(){
	// 		var pwds = $('#password1').val();
	// 		//alert(Uname)
	// 		if(password.test(pwds)){
	// 			//alert(121231)
	// 			$("#Password").attr("class","glyphicon glyphicon-ok");
	// 			$("#Password").attr("glyphicon-ok","color:#009688");
	// 			$("#Password").text("正确！").attr("style","color:#009688");
	// 			$("#password1").click(function(){
 // 				 	$("#Password").text(" ");
 // 					$("#Password").attr("class"," ");
	// 		})
	// 		}else{
	// 			$("#Password").attr("class","glyphicon glyphicon-remove");
	// 			$("#Password").text("输入错误！").attr("style","color:#FF5722");
			             
 // 				$("#password1").click(function(){
 // 					$("#Password").attr("class"," ");
 // 				 	$("#Password").text("请输入5-11位的英文和数字").attr("style","color:#000");
	// 		})
 // 		       }
	// 	})
	// 	//确认密码
		
	// 	$("#password2").blur(function(){
	// 		var pwds1 = $('#password1').val();
	// 		var pwds2 = $("#password2").val();
	// 		//alert(pwds1==pwds2)
	// 	if (pwds1==pwds2&!(pwds2=='')) {
	// 		$("#Password2").attr("class","glyphicon glyphicon-ok");
	// 			$("#Password2").attr("glyphicon-ok","color:#009688");
	// 			$("#Password2").text("正确！").attr("style","color:#009688");
	// 			$("#password1").click(function(){
 // 				 	$("#Password2").text(" ");
 // 					$("#Password2").attr("class"," ");
	// 		})
	// 		}else{
	// 			$("#Password2").attr("class","glyphicon glyphicon-remove");
	// 			$("#Password2").text("前后密码不一致！").attr("style","color:#FF5722");
			             
 // 				$("#password2").click(function(){
 // 					$("#Password2").attr("class"," ");
 // 				 	$("#Password2").text(" ");
	// 		})
	// 	}
	// 	})
	// 	//输入电话号
	// 	var phone=/^1[3456789]\d{9}$/;
	// 	$("#Phoneid").blur(function(){
	// 		var Phone = $('#Phoneid').val();
	// 		if(!(/^1[3456789]\d{9}$/.test(Phone))){
	// 			$("#phoneID").attr("class","glyphicon glyphicon-remove");
	// 			$("#phoneID").text("号码错误！").attr("style","color:#FF5722");
	// 			$("#Phoneid").click(function(){
	// 				$("#phoneID").attr("class"," ");
 // 				 	$("#phoneID").text("请输入11位的电话号码");					
	// 		})
	// 		}else{
	// 			$("#phoneID").attr("glyphicon-ok","color:#009688");
	// 			$("#phoneID").text("正确！").attr("style","color:#009688");
	// 			$("#Phoneid").click(function(){
 // 					$("#phoneID").attr("class"," ");
 // 				 	$("#phoneID").text(" ");
	// 		})
	// 		}


	// 	})

	// })
		
</script> -->
</html>